<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <style type="text/css">
      * { padding: 0px; margin: 0px; }
      body {
        padding: 5px;
      }
      .spammer {
        border: 1px solid #000;
        background: #f6f6f6;
        float: left;
        margin: 5px;
        padding: 5px;
        width: 200px;
      }
    </style>
  </head>
  <body>
    <h1>{{ appName }}</h1>
    <p>
      Running {{ appName }}.
    </p>
    <h2>Userinfo:</h2>
    <p>Hi <a href="http://twitter.com/{{userInfo.screen_name}}">@{{userInfo.screen_name}}</a> </p>
    <p>Checking {{ followers|length }} out of {{userInfo.followers_count}} followers.</p>
    <h2>Spammers:</h2>
    <p>{{ spammers|length }} spammers were following you. They have been blocked, if you followed 
    <a href="http://twitter.com/spam">@spam</a>, they've been reported as spam.</p>
      {% for spammer in spammers %}
       <div class="spammer">
         <p>Name: <a href="http://twitter.com/{{spammer.screen_name}}" rel="nofollow">@{{spammer.screen_name}}</a></p>
         <p>Follower count: {{spammer.followers_count}}</p>
         <p>Friends count: {{spammer.friends_count}}</p>
         <p>Spam score: {{spammer.spamScore|floatformat}}</p>
         <p>Friend/follower ratio: {{spammer.friendRatio|floatformat:3}}</p>
      </div>
      {% endfor %}
      
  </body>
</html>
